﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:ec="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"
    x:Class="ColorAndFont.MainPage"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>

		<!-- LOCALIZATION NOTE:
            To localize the displayed strings copy their values to appropriately named
            keys in the app's neutral language resource file (AppResources.resx) then
            replace the hard-coded text value between the attributes' quotation marks
            with the binding clause whose path points to that string name.

            For example:

                Text="{Binding Path=LocalizedResources.ApplicationTitle, Source={StaticResource LocalizedStrings}}"

            This binding points to the template's string resource named "ApplicationTitle".

            Adding supported languages in the Project Properties tab will create a
            new resx file per language that can carry the translated values of your
            UI strings. The binding in these examples will cause the value of the
            attributes to be drawn from the .resx file that matches the
            CurrentUICulture of the app at run time.
         -->

		<!--Uncomment to see an alignment grid to help ensure your controls are
            aligned on common boundaries.  The image has a top margin of -32px to
            account for the System Tray. Set this to 0 (or remove the margin altogether)
            if the System Tray is hidden.

            Before shipping remove this XAML and the image itself.-->
		<!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />-->
    <!--TitlePanel contains the name of the application and page title-->
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
			<TextBlock Text="{StaticResource MyAppName}" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
			<TextBlock Text="Colors" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
		</StackPanel>
		<Canvas x:Name="ContentPanel" Margin="12,0,12,0" Grid.Row="1" >
			<Path Data="M148.731,201.521 C133.101,195.636 127.389,191.137 114.636,178.385 C92.8128,156.562 57.4064,127.658 57.4064,90.7139 C57.4064,65.9337 75.3447,54.5787 112.201,49.3135 C149.478,43.9883 140.479,60.9166 168.213,95.5845 C200.162,63.6352 162.939,4.66749 238.837,49.3135 C250.109,55.944 261.138,64.3083 270.496,73.6667 C276.572,79.7421 276.885,78.852 272.932,90.7139 C268.625,103.633 267.458,112.017 258.32,121.155 C249.561,129.914 241.729,139.588 231.531,146.726 C203.617,166.266 172.769,187.197 145.078,201.521" Height="169.316" Canvas.Left="57.406" Stretch="Fill" Stroke="Black" Canvas.Top="33.205" UseLayoutRounding="False" Width="219.14">
				<Path.Fill>
					<LinearGradientBrush EndPoint="0.216,0.918" StartPoint="0.839,0.302">
						<LinearGradientBrush.RelativeTransform>
							<CompositeTransform CenterY="0.61" CenterX="0.528" ScaleY="0.908" ScaleX="1.051" TranslateX="-0.045" TranslateY="0.029" SkewX="-12.248"/>
						</LinearGradientBrush.RelativeTransform>
						<GradientStop Color="#FF9700FF" Offset="0"/>
						<GradientStop Color="Red" Offset="1"/>
						<GradientStop Color="#FF003AFF" Offset="0.355"/>
						<GradientStop Color="#FF17FF00" Offset="0.479"/>
						<GradientStop Color="#FFDCFF00" Offset="0.686"/>
						<GradientStop Color="#FFFF5D00" Offset="0.862"/>
						<GradientStop Color="Blue" Offset="0.193"/>
					</LinearGradientBrush>
				</Path.Fill>
			</Path>
			<Path Data="M238.837,199.085 L344.773,66.3607 L419.05,208.827 L423.921,289.194 L354.514,202.739 L325.291,281.888 L316.767,224.657 L229.096,283.105 L63.4947,238.052 L203.525,240.487 z" Height="223.831" Canvas.Left="62.995" Stretch="Fill" Stroke="Black" Canvas.Top="65.861" UseLayoutRounding="False" Width="361.426" Fill="{StaticResource BeerColorBrush}"/>
			<Rectangle Height="84" Canvas.Left="44" Stroke="Black" Canvas.Top="328" Width="183" Fill="{StaticResource BeerColorBrush}"/>
			<Ellipse Fill="{StaticResource RainbowColor}" Height="150" Canvas.Left="277" Stroke="Black" Canvas.Top="349" Width="150"/>
			<Button Content="Button" Height="82" Canvas.Left="44" Canvas.Top="457" Width="162">
				<i:Interaction.Triggers>
					<i:EventTrigger EventName="Click">
						<ec:NavigateToPageAction TargetPage="/FontPage.xaml"/>
					</i:EventTrigger>
				</i:Interaction.Triggers>
			</Button>
		</Canvas>

	</Grid>

</phone:PhoneApplicationPage>